window.onload = function () {
  var label = document.querySelector(".transpan");
  var span = label.querySelector("span");
  var table = document.querySelector(".languagekind");
  label.addEventListener("mouseenter", function () {
    span.className = "iconfont " + "icon-icon-test2";
  });
  label.addEventListener("mouseleave", function () {
    span.className = "iconfont " + "icon-icon-test3";
  });
  var searchlis = document.querySelectorAll(".search-kind li");
  // console.log(searchlis);
  searchlis[0].style.backgroundColor = "#ff6a00";
  searchlis[0].firstElementChild.style.color = "white";
  for (var i = 0; i < searchlis.length; i++) {
    searchlis[i].onclick = function () {
      for (var i = 0; i < searchlis.length; i++) {
        searchlis[i].style.backgroundColor = "white";
        searchlis[i].firstElementChild.style.color = "black";
      }
      this.style.backgroundColor = "#ff6a00";
      this.firstElementChild.style.color = "white";
    };
  }
};
